<template>
  <div class="auth-layout min-h-screen flex items-center justify-center bg-gray-100">
    <div class="container mx-auto p-4">
      <slot /> <!-- Page content will be injected here -->
    </div>
  </div>
</template>

<script setup lang="ts">
// Layout specific logic can go here if needed
</script>

<style scoped>
.auth-layout {
  /* Add any layout-specific styles */
}
</style>